<template>
  <div class="robot-wrap">
    <van-nav-bar class="app-nav-bar" title="智能聊天机器人"></van-nav-bar>
    <van-cell-group>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
        <van-cell title="单元格"></van-cell>
    </van-cell-group>
    <van-cell-grou class="send-msg-wrap">
        <van-field class="send-msg-input" placeholder="请输入要发送的文字"></van-field>
        <van-button size="small" type="success">发送</van-button>
    </van-cell-grou>
  </div>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
    .robot-wrap {
        .send-msg-wrap {
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            position: fixed;
            padding: 14px;
            align-items: center;
            justify-content: center;
            .send-msg-input{
                margin-right:10px
            }
            .van-button {
                min-width:60px;
                height: 44px;
            }
        }
    }
</style>